﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    AdminDash
</asp:Content>

<asp:Content ID="AdminMain" ContentPlaceHolderID="MainContent" runat="server">
   <%-- <script type="text/javascript">
        $(document).ready(function() {
            Admin.createEventGrid();
          
            $(function () {
                $("#dpStartDate").datepick({ dateFormat: 'mm/dd/yyyy', showTrigger: '#calImg' });
                $("#dpEndDate").datepick({ dateFormat: 'mm/dd/yyyy', showTrigger: '#calImg2' });
            });

            $("#btnAdd").click(function () {
                Admin.clearInputs();
                Admin.reloadGrid();
            })
        });
    </script>--%>
   
    <div style="width:100%; height:100%">
        <div class="float-left" style="float:left; width:37%;">
            <div style="width:100%;margin: 10px">
                <table id="grid"></table>
                <div id="pager"></div>
            </div>
        </div>
        <div class="float-left" style="border-left: 3px solid #c0392b;margin-top:10px; height:820px">&nbsp;</div>
        <div class="float-left" style="float:left; width:59%;margin:10px;">
            <div id="addEvents" style="margin:0; height:650px; width:80%" class="unliq-event ">
                <div class="title">Add/Update Event</div>
               <%-- <div class="desc">
                    <label for="selType" style="float:left;padding-right:50px;width:150px;">Event Type:</label>
                    <select name="eventtype" id="selType" class="span3" tabindex="1">
                        <option value="1">Manual</option>
                        <option value="2">Automatic</option>
                    </select>       
                </div>--%>
                <div class="desc">
                    <label for="txtName" style="float:left;padding-right:50px;width:150px;">Name:</label>
                    <input type="text" id="txtName" style="width:350px;"/>
                    <input type="text" id="txtId" />
                </div>
                <div class="desc">
                    <label for="txtDescription" style="float:left;padding-right:50px;width:150px;">Description:</label>
                    <textarea id="txtDescription" style="width:350px;"></textarea>
                </div>

               <%-- <div class="desc">
                    <label for="txtTrigerred" style="float:left;padding-right:50px;width:150px;">Triggered By:</label>
                    <input type="text" id="txtTriggered" style="width:350px;"/>
                </div>--%>
                <div class="desc">
                    <label for="txtTrigerred" style="float:left;padding-right:50px;width:150px;">Triggered By:</label>
                    <select name="userTrigger" id="selectTriggered" class="span3" tabindex="1" style="width:350px;">

                    </select>
                </div>
                <div class="desc">
                    <label for="location" style="float:left;padding-right:50px;width:150px;">Location:</label>
                    <select name="evntLocation" id="selLocation" class="span3" tabindex="1" style="width:350px;">
                        <option value="Burgos">Burgos</option>
                        <option value="Zamora">Zamora</option>
                        <option value="Lapu-Lapu">Lapu-Lapu</option>
                        <option value="Bonifacio">Bonifacio</option>
                        <option value="Room 1">Room 1</option>
                        <option value="Room 2">Room 2</option>
                        <option value="Room 3">Room 3</option>
                        <option value="Room 4">Room 4</option>
                    </select>       
                </div>
                <div class="desc">
                    <label for="location" style="float:left;padding-right:50px;width:150px;">Type(Private/Public):</label>
                    <select name="evntType" id="selPrivate" class="span3" tabindex="1" style="width:350px;">
                        <option value=true>Private</option>
                        <option value=false>Public</option>
                    </select>       
                </div>
                <div class="desc">
                    <label for="dpStartDate" style="float:left;padding-right:50px;width:150px;">Event Start Date:</label>
                    <input type="text" id="dpStartDate" style="width:350px;"/>
                    <div style="display: none;"><img id="calImg" src="../../Images/calendar-blue.gif" alt="Popup" class="trigger"/></div>
                </div>
                <div class="desc">
                    <label for="dpEndDate" style="float:left;padding-right:50px;width:150px;">Event End Date:</label>
                    <input type="text" id="dpEndDate"style="width:350px;" />
                    <div style="display: none;"><img id="calImg2" src="../../Images/calendar-blue.gif" alt="Popup" class="trigger"/></div>
                </div>
                <div class="desc">
                    <label for="dpSubsStartDate" style="float:left;padding-right:50px;width:150px;">Subcription Start Date:</label>
                    <input type="text" id="dpSubsStartDate"style="width:350px;" />
                    <div style="display: none;"><img id="Img1" src="../../Images/calendar-blue.gif" alt="Popup" class="trigger"/></div>
                </div>
                <div class="desc">
                    <label for="dpSubsEndDate" style="float:left;padding-right:50px;width:150px;">Subcription End Date:</label>
                    <input type="text" id="dpSubsEndDate" style="width:350px;"/>
                    <div style="display: none;"><img id="Img2" src="../../Images/calendar-blue.gif" alt="Popup" class="trigger"/></div>
                </div>
                <div style="padding-right: 20px">
                    <input id="btnAdd" type="button" value="Add" class="btn btn-info  event-btn" />
                    <input id="btnUpdate" type="button" value="Update" class="btn btn-info  event-btn"/>
                    <input id="btnDelete" type="button" value="Delete" class="btn btn-info  event-btn"/>
                </div>
                
            </div>
        </div>
         <div style="clear:both"></div>
    </div>
</asp:Content>